<!DOCTYPE HTML>
<html>
	<head>
		<title>DDI eXist</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
		<meta name="description" content="Collection of projects and demos for using DDI in eXist" />
		<meta name="keywords" content="DDI, eXist, XSLT, OAI-PMH, epub, xQuery" />
		<meta name="robots" content="index,follow" />
		
		<link type="text/css" rel="stylesheet" href="lib/css/layout-default-latest.css" />
		<link type="text/css" rel="stylesheet" href="lib/css/smoothness/jquery-ui-1.8.13.custom.css" />
		<link type="text/css" rel="stylesheet" href="lib/css/jquery.multiselect.css" />
		<link type="text/css" rel="stylesheet" href="lib/css/jquery.multiselect.filter.css" />
		
		<link type="text/css" rel="stylesheet" href="catalogue.css" />
		
		<script type="text/javascript" src="lib/js/jquery-latest.js"></script>
		<script type="text/javascript" src="lib/js/jquery-ui-latest.js"></script>
		<!-- <script type="text/javascript" src="lib/js/jquery.layout-latest.js"></script> -->
		<script type="text/javascript" src="lib/js/jquery.pagination.js"></script>
		<script type="text/javascript" src="lib/js/jquery.multiselect.min.js"></script>
		<script type="text/javascript" src="lib/js/jquery.multiselect.filter.js"></script>
		
		<script type="text/javascript" src="config.js"></script>
		
                <!--
		<script type="text/javascript" src="layout-settings.js"></script>	
		-->
		<script type="text/javascript" src="qb-request.js"></script>
                <script type="text/javascript" src="study-request.js"></script>
		<script type="text/javascript" src="catalogue.js"></script>
					
	</head>
	<body>
                <!--
		<div class="ui-layout-north" onmouseover="myLayout.allowOverflow('north')" onmouseout="myLayout.resetOverflow(this)">
			<img src="img/ddi.png" alt="A metadata specification for the social and behavioral sciences" /> 
			<img src="img/exist.png" alt="An open source database management system built using XML technology" />
		</div>
                
		
		<div class="ui-layout-west">		
			<h3>Menu</h3>
			<ul id="menu">
				<li><a href="#catalogue">Catalogue</a></li>
				<li><a href="#web-services">Web services</a></li>
				<li><a href="#exist">eXist</a></li>
				<li><a href="#validator">Validator</a></li>
				<li><a href="#lucene-config">Lucene config</a></li>
				<li><a href="#xslt">xslt</a></li>
				<li><a href="#oai-pmh">OAI-PMH</a></li>
				<li><a href="#export-marc">export-marc</a></li>
				<li><a href="#epub">epub</a></li>
			</ul>

		</div>
                -->
				
		<div class="ui-layout-center" id="center-div">
	        <div id="catalogue">
		        <form id="search-form" method="get">
		            <input type="search" name="s" id="search" placeholder="Search in studies or questions" />
		            <select name="lang" id="select-language">
		                <option value="all" selected="selected">All</option>
		                <option value="en">English</option>
		                <option value="sv">Swedish</option>
		            </select>
		            <input type="submit" value="Search" class="ui-button ui-widget ui-state-default ui-corner-all" />
		            <div class="advanced">
		            	<p class="heading">Advanced search</p>
				<div class="content">
                                        <label for="series">Series:</label><br />
                                        <select id="series" name="series" multiple="multiple">
                                        </select>
                                        <br />						
							
			            	<label for="title" accesskey="t">Title:</label><br />
			            	<input type="text" name="title" /><br />
			            	
			            	<label for="creator" accesskey="t">Creator:</label><br />
			            	<input type="text" name="creator" /><br />
			            	
			            	<label for="publisher" accesskey="t">Publisher:</label><br />
			            	<input type="text" name="publisher" /><br />
			            	
			            	From <input type="number" name="from" /> to <input type="number" name="to" /><br />
		            	</div>
		            </div>
		        </form>
		       
		        <div id="result">
                                <ul>
                                        <li class="question-tab"><a href="#questions">Questions <span id="qb-hits-count"></span></a></li>
                                        <li class="study-tab"><a href="#studies">Studies <span id="study-hits-count"></span></a></li>
                                        <li class="variable-tab"><a href="#variables">Variables </a></li>
                                </ul>
                                <div id="questions">
                                        <div class="pagination" id="qb-pagination" ></div>
                                        <div id="qb-result"></div>
                                </div>                            
                                <div id="studies">
                                        <div class="pagination" id="study-pagination" ></div>
                                        <div id="study-result"></div>
                                </div>
                                <div id="variables">
                                        <div class="pagination" id="var-pagination" ></div>
                                        <div id="var-result"></div>
                                </div>
		        </div>
	        </div>
                <!--
                <div>
			<div id="web-services"></div>
			<div id="validator"></div>
			<div id="lucene-config"></div>
			<div id="xslt"></div>
			<div id="oai-pmh"></div>
			<div id="export-marc"></div>
			<div id="epub"></div>
			<div id="exist"></div>
		</div>	
			
		<div class="ui-layout-east">
			<h3>Can DDI eXist?</h3>
			<p>This page is a demo to show how eXist can provide services for DDI-based collections</p>
			<p>Among the examples we have a validator, study/question-search and xForms examples</p>
			<p>
				<a href="http://code.google.com/p/ddi-exist/">DDI-eXist</a><br />
				Examples and solutions for using DDI 2/3 in eXist
			</p>
			<p>
				<a href="http://code.google.com/p/ddixslt/">DDI-XSLT</a><br />
				xslt for DDI3
			</p>
		</div>
		
		<div class="ui-layout-south">
			<div class="left">
				<a href="http://snd.gu.se"><img src="img/snd.png" /></a> 
				<a href="http://spraakbanken.gu.se"><img src="img/sb.png" /></a>
			</div>
			<div class="left">
				Johan Fihn &lt;johan.fihn at snd.gu.se&gt;<br />
				Leif-Jöran Olsson &lt;leif-joran.olsson at svenska.gu.se&gt;<br />
				Olof Olsson &lt;olof.olsson at snd.gu.se&gt;<br />
			</div>
		</div>
                -->
            </div>
	</body>
</html>